// --------------------------------切换两个盒子
// 点击超链接,可以切换为另一个盒子
// $('.login a').on('click',function(){
//   $('.login').hide().next().show()
// })
// $('.register a').on('click',function(){
//   $('.login').show().next().hide()
// })
// 简化
$('.box a').on('click',function(){
$(this).parents('.box').hide().siblings('.box').show()
})


// ---------完成注册功能-------
// 表单提交-->阻止默认行为-->获取输入框的值-->提交到服务器
$('.register form ').on('submit',function(e){
  // 阻止默认行为
e.preventDefault()
// 收集表单数据
let data = $(this).serialize()
// console.log(data);得到的是查询字符串的格式,是根据表单各项的name取值的,所有要修改input标签的name值属性
$.ajax({
  type:'POST',
  url:'/api/reguser',
  data:data,
  success:function(res){
    // console.log(res);
    // 处理成功的情况
        // 给出一个提示
        if(res.status === 0){
          // 给出一个提示
          layer.msg(res.message)
        }
      // alert(res.message)
          // 清空输入框
      $('.register form')[0].reset()//DOM方法
        // 切换到登录的盒子
        $('.login').show().next().hide()
    },
  })
  // beforeSend:function () { }//请求发送前触发的事件,类似原生的onloadstart
  // 
  // complete:function () { }//类似原生的onloadend
})


// ---------------登录
// 表单提交-->阻止默认行为-->收集数据-->提交到服务器
$('.login form').on('submit',function(e){
e.preventDefault()
let data = $(this).serialize()
// console.log(data);
$.ajax({
  type:'POST',
  url:'/api/login',
  data:data,
  success:function(res){
    // console.log(res);
    // 只处理成功的情况

      // 给出一个提示
      if(res.status === 0){
        localStorage.setItem('token',res.token)
        // 给出一个提示
        layer.msg(res.message,{
          time:2000//2秒关闭,如果不配置,默认是3秒
        },function(){
// 切转到index.html 不同的页面

location.href='./index.html'       

        })
    }
  }
  }) 
})
// --------------自定义验证规则
// 使用layui模块之前,必须先加载,加载语法是let 变量 = layui.模块名
let form = layui.form
// 调用form,
form.verify({
  // 键(验证规则):值(验证方法)
  // user:[]或function(){}
  // 值为数组[正则表达式,'验证不通过时的提示信息']
  user:[/^\w{2,10}$/,'用户名长度必须时2~10位'],//\w表示数字.字母.下划线
  pass:[/^\S{6,12}$/,'密码长度必须时6~12位']
,//\S表示非空格
// 值是函数
same:function(val){
  // 形参val表示使用这个规则的输入框的值,案例中,确认密码框使用的这个验证规则,所以val表示我们输入的确认密码

 
  // if(密码 !== 确认密码){
  //   return '量词密码不一致'
  // }
  // 获取密码的值
  let pwd = $('.pwd').val()
  if(pwd !== val){
    return '两次密码不一致'
  }
  
}
})

